<template>
  <!--  头部-->
  <div>

  </div>
  <!--  搜索框-->
  <div></div>
  <!--  类型-->
  <div>
    <v-card>
      <v-tabs
          v-model="searchType"
          align-tabs="center"
          color="deep-purple-accent-4"
      >
        <v-tab value="video">视频</v-tab>
        <v-tab value="posts">帖子</v-tab>
        <v-tab value="events">活动</v-tab>
      </v-tabs>

      <v-tabs-window v-model="searchType">
        <v-tabs-window-item value="video">
          <v-container fluid>
            <v-row>
              <v-col
                  v-for="i in 6"
                  :key="i"
                  cols="12"
                  md="4"
              >
                <v-img
                    :lazy-src="`https://picsum.photos/10/6?image=${i * n * 5 + 10}`"
                    :src="`https://picsum.photos/500/300?image=${i * n * 5 + 10}`"
                    height="205"
                    cover
                ></v-img>
              </v-col>
            </v-row>
          </v-container>
        </v-tabs-window-item>
      </v-tabs-window>
    </v-card>
  </div>
  <!--  内容展示区-->
</template>

<script setup lang="ts">
import {ref} from "vue";

let searchType = ref('video');

</script>

<style scoped>

</style>
